<template>
  <div>
    <jeb-prou v-for="(item,index) in proList" :key="index" :promsg="item"></jeb-prou>
  </div>
</template>

<script>
import jebProu from "../components/jebProu";
import axios from "axios";
export default {
  name: "",
  data() {
    return {
      proList: []
    };
  },
  components: {
    jebProu
  },
  created() {
    this.getProMsg();
  },
  methods: {
    getProMsg() {
      axios
        .get("https://www.easy-mock.com/mock/5cfce2514a477a721fb1afd4/example/jeb")
        .then(function(response) {
          this.proList = response.data.data
        }.bind(this))
        .catch(function(error) {
          console.log(error);
        });
    }
  }
};
</script>

<style lang='scss' scoped>
</style>